<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>InDesign CS4 * About paths and frames</title>
        <meta name="product" content="$product" />
        <meta name="productv" content="" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSa285fff53dea4f8617383751001ea8cb3f-70f1a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="InDesign"><table><tr><td class="banner">InDesign CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/InDesign/6.0/indesign_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSa285fff53dea4f8617383751001ea8cb3f-70f1a.html" title="Laying out frames and pages"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSa285fff53dea4f8617383751001ea8cb3f-70efa.html" title="Show or hide frame edges"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy"><a href="WSa285fff53dea4f8617383751001ea8cb3f-715ca.html">Layout</a> /
     <a href="WSa285fff53dea4f8617383751001ea8cb3f-70f1a.html"><b>Laying out frames and pages</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    About paths and frames
                </h1>
<!-- END PAGE TITLE -->
                <div><p>You can draw
objects in a document and use them as paths or as frames. <dfn class="term">Paths</dfn> are
vector graphics like those you create in a drawing program such
as Adobe Illustrator®. <dfn class="term">Frames</dfn> are
identical to paths, with only one difference—they can be containers
for text or other objects. A frame can also exist as a <dfn class="term">placeholder</dfn>—a container
without contents. As containers and placeholders, frames are the
basic building blocks for a document’s layout.</p>
<div class="fignone"><img alt="" id="ty_35" src="images/ty_35.png" /><div class="figdesc">Paths and frames </div><br /><dl><dt class="dlterm">A.</dt>
<dd>Path</dd><p class="dlseparator"></p><dt class="dlterm">B.</dt>
<dd>Frame as graphic container</dd><p class="dlseparator"></p><dt class="dlterm">C.</dt>
<dd>Frame
with placed graphic</dd><p class="dlseparator"></p></dl>
</div><p>You can draw both paths and frames using tools in the Toolbox.
You can also create frames by simply placing (importing) or pasting
contents into a path.</p>
<div class="para"><div class="note"><span class="notetitle">Note:  </span>In QuarkXPress, paths are referred to as lines, and frames
are referred to as boxes.</div>
</div>
<p>Because a frame is just a container version of a path, you can
do anything to a frame that you can do to a path, such as add a
color or a gradient to its fill or stroke, or edit the shape of
the frame itself with the Pen tool. You can even use a frame as
a path, or vice versa, at any time. This flexibility makes it easy
to change your design and provides a wide range of design choices.</p>
<p>Frames can contain text or graphics. A <dfn class="term">text frame</dfn> determines
the area to be occupied by text and how text will flow through the
layout. You can recognize text frames by the text ports in their
respective upper left and lower right corners.</p>
<p>A <dfn class="term">graphics frame</dfn> can function as a border and background,
and can crop or mask a graphic. When acting as an empty placeholder,
a graphics frame displays a crossbar.</p>
<div class="fignone"><img alt="" id="ty_36" src="images/ty_36.png" /><div class="figdesc">Text frame (left) and empty graphics frame (right)</div><br /></div><p>If you don’t see the crossbar inside an empty graphics frame,
the frame edges display may be turned off. </p>
<p>For a video on working with objects, see <a href="http://www.adobe.com/go/vid0071" target="_blank">www.adobe.com/go/vid0071</a>.</p>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div><p>&#160;<a href="WSa285fff53dea4f8617383751001ea8cb3f-6c23a.html">Understanding paths and shapes</a></p>
</div>
                    <p><a href="http://www.adobe.com/go/vid0071" title="http://www.adobe.com/go/vid0071">Working with Objects video (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_InDesign_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>